<#assign title="资源概况">
<#include "content_head.ftl">

<section class="vbox">
  <section class="scrollable wrapper">
    <form id="theform" name="theform">
      <input type='hidden' id='qtype' name='qtype' value='${qtype!''}' />
      <input type='hidden' id='belong' name='belong' value='${belong!''}' />
      <input type='hidden' id='ext_site' name='ext_site' value='${ext_site!''}' />
      <input type='hidden' id='search_engin' name='search_engin' value='${search_engin!''}' />
      <input type='hidden' id='search_keyword' name='search_keyword' value='${search_keyword!''}' />

      <section class="panel panel-default">
        <header class="panel-heading" name="desc" id="desc">
          <strong>搜索条件</strong>
        </header>
        <div class="panel-body">

          <div class="col-xs-12 col-sm-6 col-md-3 form-group">
            <div class="input-group">
              <label class="input-group-addon" for="TimeDay">日期</label>
              <input name="TimeDay" id="TimeDay" class="form-control" type="text" value="${TimeDay!''}" />
            </div>
          </div><!-- col -->

        </div><!-- panel-body -->
        <footer class="panel-footer bg-light lter">
          <button id="theform_commit" type="button" class="btn btn-success btn-s-xs">查询</button>
        </footer>
      </section>

      <section class="panel panel-default">
        <header id="gheader" class="panel-heading font-bold">汇总</header>
        <table id="summarytable" data-show-export:"true">
        <thead>
        <tr>
          <th data-field="requestCount"     data-formatter="numt">请求数</th>
          <th data-field="costSum"          data-formatter="numt">执行总时间</th>
          <th data-field="costMax"         data-formatter="numt">最大执行时间</th>
          <th data-field="concurrentMax"         data-formatter="numt">最高并发数</th>
        </tr>
        </thead>
        </table>
      </section>
        <section class="panel panel-default">
            <header id="histogramHeader" class="panel-heading font-bold">直方图</header>
            <div class="row wrapper">
                <div class="col-xs-6 col-sm-6 col-md-6 form-group">
                    <select id="histogramPrefix" name="histogramPrefix" class="form-control">
                        <option value="cost">耗时</option>
                    </select>
                </div>
            </div>
            <div id="histogramChart" style="display: block; height: 300px; width: auto; "></div>

        </section>

      <section class="panel panel-default">
        <header id="gheader" class="panel-heading font-bold">统计图</header>
        <div id="main" style="display: block; height: 500px; width: auto;">12121212</div>
      </section>

      <section class="panel panel-default">
        <header id="theader" class="panel-heading font-bold">表格</header>
        <table id="thetable" data-show-export:"true"></table>
      </section>

    </form>
  </section>
</section>
<a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>

<#include "content_foot.ftl">
<script src="/static/js/urls.js"></script>
